/* reset */
fieldset,img {
    border: 0
}

a,body {
    color: #333
}

.cl,.fix:after {
    clear: both
}

.block,.fix:after {
    display: block
}

.hm,.hvm {
    left: 50%
}

*,.bbox,.layout,div,p {
    -webkit-box-sizing: border-box
}

*,a:focus,input:focus {
    outline: 0
}

.sn-local-loading span,.sn-select,img,input {
    vertical-align: middle
}

.checkbox-switch,.input-reset,.sn-select select {
    -webkit-appearance: none
}

.line-clamp-2,.of,.sn-select select,.wb {
    text-overflow: ellipsis
}

.line-clamp-2,.pro-list .pro-info,.sn-select select {
    -webkit-box-orient: vertical
}

.footer li,.line-clamp-2,.of,.sn-tab-nav li,.wb,.wbox-flex {
    word-wrap: break-word;
    word-break: break-all
}

.hor-view,.ver-view {
    -webkit-box-direction: normal
}

article,aside,blockquote,body,button,code,dd,dialog,div,dl,dt,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,input,legend,li,nav,ol,p,pre,section,td,textarea,th,ul {
    margin: 0;
    padding: 0
}

input,select,textarea {
    font-size: 100%
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,th {
    text-align: left
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: 500
}

li,ol,ul {
    list-style: none
}

em,i {
    font-style: normal
}

del {
    text-decoration: line-through
}

address,caption,cite,code,dfn,em,th,var {
    font-style: normal;
    font-weight: 500
}

img {
    max-width: 100%
}

a {
    text-decoration: none
}

a:active {
    opacity: .7
}

* {
    -webkit-tap-highlight-color: transparent
}



/* rem */
/* 
html{font-size:50px;}

body{font-size:24px;}

@media screen and (min-width:320px){

    html{font-size:21.333333333333332px;}

    body{font-size:12px;}

}

@media screen and (min-width:360px){

    html{font-size:24px;}

    body{font-size:12px;}

}

@media screen and (min-width:375px){

    html{font-size:25px;}

    body{font-size:12px;}

}

@media screen and (min-width:384px){

    html{font-size:25.6px;}

    body{font-size:14px;}

}

@media screen and (min-width:400px){

    html{font-size:26.666666666666668px;}

    body{font-size:14px;}

}

@media screen and (min-width:414px){

    html{font-size:27.6px;}

    body{font-size:14px;}

}

@media screen and (min-width:424px){

    html{font-size:28.266666666666667px;}

    body{font-size:14px;}

}

@media screen and (min-width:480px){

    html{font-size:32px;}

    body{font-size:15.36px;}

}

@media screen and (min-width:540px){

    html{font-size:36px;}

    body{font-size:17.28px;}

}

@media screen and (min-width:720px){

    html{font-size:48px;}

    body{font-size:23.04px;}

}

@media screen and (min-width:750px){

    html{font-size:50px;}

    body{font-size:24px;}

} */